<div class="accordion" id="askAccordion">
	<div class="card">
		<div class="card-header" id="headingOne">
			<h2 class="mb-0">
				<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
					请问你们公司在哪里，是否可以上门服务？
				</button>
			</h2>
		</div>

		<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#askAccordion">
			<div class="card-body">
				<p>当然，这个技巧往往只是调整一下文本的大小，或调暗背景图片使信息易于阅读，但小小的调整可以带来很大的改变，例如将成行文本分割排列成有层次的结构，可增加作品与观众的视觉交流效率。</p>
				<p>设计通过活字、颜色、图像和其他图形元素向观众讲述故事。作家有写作技巧，设计师也有保证作品基调、传达有效信息的设计技巧。</p>
				<p>漂亮的字体不是漂亮设计的必需品，看看这个例子，带有山的背景图片被放置在一个网格中。而带有水波纹理的图层被置于顶层，给予75%透明处理，并复制成四个图层拼成条带。</p>
			</div>
		</div>
	</div>
	<div class="card">
		<div class="card-header" id="headingTwo">
			<h2 class="mb-0">
				<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
					请问如何开展合作，具体流程如何？
				</button>
			</h2>
		</div>
		<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#askAccordion">
			<div class="card-body">
				设计通过活字、颜色、图像和其他图形元素向观众讲述故事。作家有写作技巧，设计师也有保证作品基调、传达有效信息的设计技巧。

				当然，这个技巧往往只是调整一下文本的大小，或调暗背景图片使信息易于阅读，但小小的调整可以带来很大的改变，例如将成行文本分割排列成有层次的结构，可增加作品与观众的视觉交流效率。

				漂亮的字体不是漂亮设计的必需品，看看这个例子，带有山的背景图片被放置在一个网格中。而带有水波纹理的图层被置于顶层，给予75%透明处理，并复制成四个图层拼成条带。
			</div>
		</div>
	</div>
	<div class="card">
		<div class="card-header" id="headingThree">
			<h2 class="mb-0">
				<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
					你们主要提供哪些具体的设计服务？
				</button>
			</h2>
		</div>
		<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#askAccordion">
			<div class="card-body">
				使用网格线来帮助你决定文字放置在哪。此处文字倾斜度与背景图片水面倾斜度一致。文字应用了斜体，并用海的颜色填充文字增加视觉和谐性。

				“设计”展现的是故事的发展而非故事的结局。——泰特.林登

				图形元素与图形的搭配有很强烈的效果。这种块状的粗体字叫做 Norwester，背景图像用了Cali滤镜处理。这种滤镜对比度低、饱和度高，很像加尼福利亚阳光充足又朦胧的天空。

				使用网格线来帮助你决定文字放置在哪。此处文字倾斜度与背景图片水面倾斜度一致。文字应用了斜体，并用海的颜色填充文字增加视觉和谐性。
			</div>
		</div>
	</div>
	<div class="card">
		<div class="card-header" id="headingFour">
			<h2 class="mb-0">
				<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
					一般设计一个产品的时间和费用是多少？
				</button>
			</h2>
		</div>
		<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#askAccordion">
			<div class="card-body">
				“设计”展现的是故事的发展而非故事的结局。——泰特.林登

				使用网格线来帮助你决定文字放置在哪。此处文字倾斜度与背景图片水面倾斜度一致。文字应用了斜体，并用海的颜色填充文字增加视觉和谐性。

				图形元素与图形的搭配有很强烈的效果。这种块状的粗体字叫做 Norwester，背景图像用了Cali滤镜处理。这种滤镜对比度低、饱和度高，很像加尼福利亚阳光充足又朦胧的天空。
			</div>
		</div>
	</div><div class="card">
		<div class="card-header" id="headingFive">
			<h2 class="mb-0">
				<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
					你们的服务都有售后吗，是免费售后吗？
				</button>
			</h2>
		</div>
		<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#askAccordion">
			<div class="card-body">
				使用网格线来帮助你决定文字放置在哪。此处文字倾斜度与背景图片水面倾斜度一致。文字应用了斜体，并用海的颜色填充文字增加视觉和谐性。

				“设计”展现的是故事的发展而非故事的结局。——泰特.林登

				图形元素与图形的搭配有很强烈的效果。这种块状的粗体字叫做 Norwester，背景图像用了Cali滤镜处理。这种滤镜对比度低、饱和度高，很像加尼福利亚阳光充足又朦胧的天空。
			</div>
		</div>
	</div>
</div>